<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>大强的编程成长册</title>
    <!-- 简单样式：让页面更可爱（可调整颜色） -->
    <style>
        body { 
            background-color: black; /* 背景 */
            font-family: "Comic Sans MS", 抖音美好体; /* 字体 */
            padding: 20px;
        }
        .box { 
            background-color: #14141E; 
            padding: 15px; 
            margin: 10px 0; 
            border-radius: 10px; /* 圆角边框 */
            box-shadow: 3px 3px 5px #DDD; /* 轻微阴影 */
        }
        h1 { color: #60FE6C; } /* 标题颜色 */
        h2 { color: #60FE6C; }
        p {color: #9599A0}
        ul {color: #9599A0}
        a {color: #FFFFFF}
        img { 
            max-width: 300px; /* 图片最大宽度 */
            border-radius: 8px; 
            margin: 10px 0;
        }
        .timeline li { 
            margin: 10px 0; 
            list-style-type: "🌟"; /* 用emoji做列表符号 */
        }
    </style>
</head>
<body>
    <!-- 1. 个人名片 -->
    <div class="box">
        <h1>👋 大家好，我是大强！</h1>
        <img src="学生照片.png" alt="大强的照片"> <!-- 替换为学生照片 -->
        <p>年龄：10岁</p>
        <p>编程入学时间：2023年9月</p>
        <p>我的编程宣言：我要用代码改变世界！</p>
    </div>

    <!-- 2. 学习历程 -->
    <div class="box">
        <h2>🚀 我的编程成长故事</h2>
        <ul class="timeline">
            <li>2023年9月：第一次接触Scratch，学会了让小猫动起来</li>
            <li>2023年11月：完成第一个作品《小猫过河》</li>
            <li>2024年3月：参加校内编程比赛，获得鼓励奖</li>
            <li>2024年6月：开始学习HTML，能自己写简单网页啦！</li>
        </ul>
    </div>

    <!-- 3. 成就展示 -->
    <div class="box">
        <h2>🏆 我的小成就</h2>
        <p>信息素养大赛Python编程挑战赛获得华东赛区二等奖：</p>
        <img src="证书_示例用.png" alt="获奖证书"> <!-- 替换为证书/作品截图 -->
        <p>HTML作品：<a href="https://www.baidu.com/" target="_blank">我的第一个网页</a></p>
    </div>

    <!-- 4. 未来目标 -->
    <div class="box">
        <h2>🌈 我想实现的编程小目标</h2>
        <ul>
            <li>学会用Python画彩虹</li>
            <li>做一个能和同学互动的小游戏</li>
            <li>教爸爸妈妈写代码！</li>
        </ul>
    </div>

</body>
</html>